
const changeBtn = document.getElementById('changeBtn');
const changeShadowBtn = document.getElementById('changeShadowBtn');
const btn = document.getElementById('btn');

changeBtn.addEventListener('change', e => {
  console.log(e, changeBtn.checked);
  if (changeBtn.checked) {
    btn.classList.add('circle-btn');
    btn.classList.remove('btn');
  } else {
    btn.classList.remove('circle-btn');
    btn.classList.add('btn');
  }
})

changeShadowBtn.addEventListener('change', e => {
  console.log(e, changeShadowBtn.checked);
  if (changeShadowBtn.checked) {
    btn.classList.remove('box-shadow');
    btn.classList.add('drop-shadow');
  } else {
    btn.classList.add('box-shadow');
    btn.classList.remove('drop-shadow');
  }
})


